<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>外边距</title>
    <style>
       /* Margin(外边距)属性定义元素周围的空间
        margin没有背景颜色，是完全透明的
        margin可以单独改变元素的上，下，左，右边距。也可以一次改变所有的属性。
            auto 	设置浏览器边距。这样做的结果会依赖于浏览器
            length 	定义一个固定的margin（使用像素，pt，em等）
            % 	定义一个使用百分比的边距,相对于包含的元素的宽度。
            Margin可以使用负值，重叠的内容。

        */
       p
       {
           background-color:yellow;
       }
       p.margin
       {
           margin-top:100px;
           margin-bottom:100px;
           margin-right:50px;
           margin-left:50px;
       }
    </style>
</head>
<body>
<p>这是一个没有指定边距大小的段落。</p>
<p class="margin">这是一个指定边距大小的段落。</p>









</body>
</html>